<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/ common.css">
    <link rel="stylesheet" href="../css/ login.css">
</head>
<body>
   <div class="nav">
          <img src="../img/主页.png" alt="">
          <span>我的博客系统</span>
          <span class="space"> </span>
           <a href="blog_list.html">主页</a>
           <a href="bog_edit.html">写博客</a>
           <a href="http://baidu.com">注销</a>
      </div>
      <div class="login_container">
          <div class="login_dialog">
              <h3>登录</h3>
              <form action="login" method="post">
              <div class="row">
                  <span>用户名</span>
                  <input  class="username"  type="text" name="username" id="username">
              </div>
              <div class="row">
                  <span>密码</span>
                  <input  class="password"  type="password" name="password" id="password">
              </div>
              <div class="row">
                <button id="submit">登录</button>
              </div>
          </form>
              <!-- 页面输入用户名和密码，假如点击成功，就会触发登入逻辑，如果登入成功，就会重新定向到博客列表页面。
              请求：
              POST/login
              Content_Type:application/x-www-form-unlencoded(使用form表单的方式去提交)，当然使用ajax也可以，但是比较麻烦
              响应：
              HTTP/1.1 302
              Location:blog_list.html 登入成功后，跳转到博客列表页

              2.后端代码，写一个新的Servlet，处理login这个请求的路径，每个Servlet都会关联上一个路径，前面博客列表页详情页，都属于用blog
              这个路径，一个Servlet就行了，此处需要搞一个login这样的路径，就需要搞个新的Servlet。
              -->
          </div>
          </div>
      </div>
</body>
</html>